<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*
			{
				border:0px;
				margin: 0px;
				padding: 0px;
			}
			.c1
			{
				/* border: 1px solid red; */
				height: 40px;   /* 没设置宽度的话就默认占满 */
				background-color: #3b99fc;
				margin-top: 220px;
			}
			ul{
				width: 1160px;
				margin: 0 auto;
			}
			ul .li1,.li2{
				float: left;
				/* border: 1px solid green; */
				width: 145px;
				height: 40px;
				list-style: none;   /* 把它前面的小玩意去掉*/
				text-align: center;
				line-height: 40px;
				/* margin-left: 40px; */
				color: white;
			}
			ul .li2:hover
			{
				background-color: #2676e3;
			}
		</style>
	</head>
	<body>
		<div class="c1">
			<ul>
				<li class="li1"><span>首页</span></li>
				<li class="li2"><span>车票&nbsp;&nbsp;&or;</span></li>
				<li class="li2"><span>团购服务&nbsp;&nbsp;&or;</span></li>
				<li class="li2"><span>会员服务&nbsp;&nbsp;&or;</span></li>
				<li class="li2"><span>站车服务&nbsp;&nbsp;&or;</span></li>
				<li class="li2"><span>商旅服务&nbsp;&nbsp;&or;</span></li>
				<li class="li2"><span>出行指南&nbsp;&nbsp;&or;</span></li>
				<li class="li2"><span>信息查询&nbsp;&nbsp;&or;</span></li>
			</ul>
		</div>
	</body>
</html>